<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    /* 
      什么是Hooks:
        * React认为组件只是一个容器,函数式组件在书写和性能上都会比类式组件要好很多,所以react希望组件都是函数式组件
        * React要求函数式组件最好写成纯函数,写成纯函数之后,就无法在组件内部执行很多操作,函数式组件就有局限性
        * 所以在16.8版本之前,函数式组件主要就是为了提供静态DOM节点,没有别的功能
        * 16.8版本之后,React推出了Hooks写法,它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
        * react的Hooks其实就是一些钩子函数,如果在函数式组件内部需要用到外部的功能或者需要用到副作用,就用钩子把外部的代码勾进来执行
        * 所有的钩子函数统一命名 useXxxx(useState,useEffect,useRef,useContext)
    
    */
  </script>
</body>
</html>